/**
 * 设配APP不同屏幕大小
 */
function remSize() {
    //获取设备宽度
    var deviceWidth = document.documentElement.clientWidth || window.innerWidth;

    //设置设计稿 默认750px
    if (deviceWidth >= 750) {
        //超过750默认为电脑端
        deviceWidth = 750;
    }

    if (deviceWidth <= 320) {
        deviceWidth = 320;
    }

    //重新 设置rem大小
    //假设设计稿宽度为750px，手机宽度为375px。
    //一个div在设计稿上显示为100px。在手机上则显示为50px
    //因为375/750 == 50/100，则手机上的样式值为：设计稿大小 * 375/750，而1rem == 375/750
    //所以在设置样式时直接写为：设计稿大小 * rem
    document.documentElement.style.fontSize = (deviceWidth / 7.5) + 'px';
    document.querySelector('body').style.fontSize = 0.3 + 'rem';
}

remSize();

//窗口大小发生变化时重新计算rem
window.onresize = function () {
    remSize();
}